'use client'

import type { SVGProps } from 'react'
import { useId } from 'react'

export function Logo(props: SVGProps<SVGSVGElement>) {
  const id = useId()

  return (
    <svg
      data-component="logo"
      xmlns="http://www.w3.org/2000/svg"
      width="123"
      height="36"
      viewBox="0 0 123 36"
      {...props}
    >
      <defs>
        <linearGradient id={id} x1="5.56177" y1="9.35721" x2="32.9018" y2="26.8722" gradientUnits="userSpaceOnUse">
          <stop stopColor="#0048FF" />
          <stop offset="0.328125" stopColor="#0C81ED" />
          <stop offset="0.65" stopColor="#029DCE" />
          <stop offset="0.88" stopColor="#00BBB0" />
          <stop offset="1" stopColor="#00C5A8" />
        </linearGradient>
      </defs>
      <path d="M3.06367 27.9594C2.97933 27.9117 2.90109 27.8497 2.83403 27.7724C1.04976 25.7523 0.764234 22.839 2.12276 20.5241L11.6975 4.20864C11.9464 3.7849 12.4971 3.63958 12.928 3.88448C13.3588 4.12937 13.5061 4.67099 13.2582 5.09575L3.68349 21.4113C2.70905 23.0717 2.9143 25.1609 4.19459 26.6099C4.52076 26.9798 4.48113 27.5397 4.10517 27.8608C3.80746 28.1159 3.38679 28.1433 3.06367 27.9594ZM1.12089 19.2733L10.9374 2.54518C11.2809 1.95987 11.7351 1.46296 12.2868 1.06869C12.5551 0.876637 12.615 0.50777 12.4199 0.243568C12.2248 -0.0206348 11.8489 -0.0785561 11.5806 0.112483C10.8917 0.604305 10.3247 1.22416 9.89695 1.95377L0.0803978 18.6818C-0.0852266 18.9643 0.0133352 19.3261 0.299876 19.4887C0.586416 19.6513 0.954244 19.5547 1.12089 19.2722V19.2733ZM15.7233 26.6262L19.2705 20.5811C19.685 19.8748 19.4391 18.9704 18.7208 18.563C18.0024 18.1545 17.0838 18.3973 16.6693 19.1036L13.1221 25.1487C12.4585 26.2787 10.9842 26.6679 9.83598 26.0155C8.68677 25.3631 8.29151 23.912 8.95502 22.7821L16.7638 9.47643C17.1783 8.77019 16.9324 7.86581 16.214 7.45832C15.4957 7.04983 14.5771 7.29269 14.1625 7.99892L6.3538 21.3046C4.86217 23.846 5.75024 27.1069 8.33418 28.5742C10.9171 30.0415 14.2326 29.1676 15.7233 26.6262ZM33.9978 8.13915C33.6219 8.46026 33.5823 9.02017 33.9084 9.39005C35.1887 10.8391 35.394 12.9283 34.4195 14.5887L24.8448 30.9043C24.5959 31.328 24.7432 31.8706 25.175 32.1155C25.6059 32.3604 26.1566 32.2151 26.4055 31.7914L35.9803 15.4759C37.3388 13.16 37.0533 10.2477 35.269 8.22756C35.2019 8.15135 35.1237 8.08936 35.0393 8.04059C34.7152 7.85666 34.2956 7.88511 33.9978 8.13915ZM36.9821 16.7267L27.1656 33.4548C26.8221 34.0401 26.3679 34.537 25.8162 34.9313C25.5479 35.1234 25.488 35.4922 25.6831 35.7564C25.8782 36.0206 26.2541 36.0786 26.5224 35.8875C27.2113 35.3957 27.7783 34.7758 28.2061 34.0462L38.0226 17.3182C38.1882 17.0357 38.0897 16.6739 37.8031 16.5113C37.5156 16.3477 37.1488 16.4453 36.9821 16.7278V16.7267ZM22.3797 9.37379L18.8325 15.4189C18.418 16.1252 18.6639 17.0296 19.3822 17.437C20.1006 17.8455 21.0192 17.6027 21.4338 16.8964L24.981 10.8513C25.6445 9.72132 27.1188 9.33213 28.267 9.98451C29.4162 10.6369 29.8115 12.088 29.148 13.2179L21.3393 26.5236C20.9247 27.2298 21.1706 28.1342 21.889 28.5417C22.6074 28.9502 23.5259 28.7073 23.9405 28.0011L31.7492 14.6954C33.2408 12.154 32.3528 8.89315 29.7688 7.42581C27.1859 5.95847 23.8704 6.83237 22.3797 9.37379Z" fill={`url(#${id})`} />
      <path d="M106.323 27.5871C102.561 27.5871 99.5005 24.3714 99.5005 20.4191C99.5005 16.4668 102.561 13.251 106.323 13.251C109.525 13.251 112.259 15.5372 112.973 18.8098C113.088 19.3306 113.146 19.8713 113.146 20.4176C113.146 20.4347 113.146 20.4503 113.146 20.4673C113.143 20.8476 112.83 21.1528 112.448 21.1528H102.51C102.366 21.1528 102.229 21.2195 102.143 21.333C102.055 21.4465 102.026 21.5941 102.065 21.7318C102.63 23.7441 104.315 25.1505 106.364 25.1505C107.483 25.1505 108.563 24.7361 109.403 23.9825C109.547 23.8548 109.685 23.7143 109.814 23.5667C109.918 23.4475 110.071 23.3808 110.229 23.3808H111.883C112.329 23.3808 112.596 23.8775 112.349 24.2493C111.541 25.4599 110.282 26.4589 108.909 27.0507C108.09 27.4055 107.22 27.5843 106.323 27.5843V27.5871ZM106.364 15.567C104.552 15.567 102.916 16.7037 102.197 18.4635C102.139 18.6068 102.153 18.77 102.238 18.8992C102.322 19.0283 102.463 19.1064 102.615 19.1064H110.115C110.267 19.1064 110.409 19.0283 110.492 18.8992C110.576 18.77 110.592 18.6054 110.534 18.4635C109.813 16.7037 108.177 15.567 106.364 15.567Z" fill="currentColor" />
      <path d="M74.1974 26.7366V19.3655C74.1974 17.6725 72.8834 16.2292 71.1919 16.1654C69.4138 16.0987 67.9451 17.5249 67.9451 19.2889V26.738C67.9451 27.0459 67.6953 27.2957 67.3874 27.2957H65.6051C65.2971 27.2957 65.0474 27.0459 65.0474 26.738V19.2889C65.0474 18.4261 65.2262 17.5916 65.5795 16.8082C66.553 14.6554 68.7085 13.2646 71.0698 13.2646C73.4311 13.2646 75.5867 14.6554 76.5602 16.8082C76.9135 17.5916 77.0923 18.4261 77.0923 19.2889V26.738C77.0923 27.0459 76.8425 27.2957 76.5346 27.2957H74.7523C74.4443 27.2957 74.1946 27.0459 74.1946 26.738L74.1974 26.7366Z" fill="currentColor" />
      <path d="M91.4434 27.6389C88.9175 27.6389 87.2473 25.8352 86.4767 22.2803C86.1007 20.5447 85.2464 16.3823 84.8207 14.3075C84.7497 13.9613 85.0137 13.6391 85.367 13.6391H87.0798C87.3508 13.6391 87.5836 13.8335 87.629 14.1018C87.9582 16.0148 88.76 20.6582 89.0863 22.4591C89.3602 23.9733 90.1535 24.7411 91.442 24.7411C93.0413 24.7411 93.4599 23.5206 93.6458 22.4562C93.9736 20.5887 94.869 15.9736 95.238 14.089C95.289 13.8264 95.5189 13.6377 95.7857 13.6377H97.5141C97.8675 13.6377 98.1314 13.9627 98.0605 14.3089L96.4073 22.2831C96.1873 23.5504 95.1854 27.6375 91.442 27.6375L91.4434 27.6389Z" fill="currentColor" />
      <path d="M55.3017 27.5959C55.2265 27.5959 55.1512 27.5959 55.0775 27.5917C54.3353 27.569 53.6102 27.4342 52.9177 27.1886C52.5019 27.0411 52.1003 26.8566 51.7256 26.638C50.6344 26.0093 49.7276 25.1025 49.1004 24.0126C48.8819 23.6337 48.696 23.2321 48.5498 22.8177C48.2788 22.0542 48.1411 21.251 48.1411 20.4279V8.73839C48.1411 8.43043 48.3909 8.18066 48.6988 8.18066H50.4811C50.7891 8.18066 51.0388 8.43043 51.0388 8.73839V20.337C51.0388 22.6602 52.8566 24.6271 55.1796 24.6966C57.5934 24.7676 59.5787 22.8262 59.5787 20.4279V8.73839C59.5787 8.43043 59.8285 8.18066 60.1364 8.18066H61.9187C62.2267 8.18066 62.4764 8.43043 62.4764 8.73839V20.4279C62.4764 21.2453 62.3388 22.0499 62.0677 22.8177C61.9216 23.2321 61.7357 23.6337 61.5171 24.0098C60.8885 25.0997 59.9817 26.0065 58.8933 26.6338C58.5172 26.8537 58.1156 27.0396 57.6984 27.1872C57.0074 27.4327 56.2822 27.5676 55.5443 27.5903C55.4649 27.5931 55.3882 27.5945 55.3102 27.5945H55.3045L55.3017 27.5959Z" fill="currentColor" />
      <path d="M115.89 27.292C115.582 27.292 115.332 27.0422 115.332 26.7342V18.5103C115.332 17.9143 115.43 17.3296 115.624 16.7733C115.627 16.7676 115.629 16.7619 115.63 16.7563C116.155 15.2718 117.354 14.0727 118.839 13.5476C118.841 13.5476 118.844 13.5462 118.847 13.5447C119.383 13.356 119.945 13.2581 120.516 13.251H121.492C121.8 13.251 122.05 13.5007 122.05 13.8087V15.5926C122.05 15.8991 121.802 16.1489 121.495 16.1503L120.602 16.1545C120.571 16.1545 120.54 16.1574 120.51 16.1645C120.272 16.173 120.039 16.2184 119.816 16.2979C119.149 16.532 118.61 17.0713 118.374 17.7397C118.295 17.9639 118.251 18.1953 118.241 18.4294C118.234 18.4606 118.23 18.4947 118.23 18.5288V26.7371C118.23 27.045 117.98 27.2948 117.672 27.2948H115.89V27.292Z" fill="currentColor" />
      <path d="M79.6865 16.7864V26.7346C79.6865 27.0426 79.9363 27.2923 80.2442 27.2923H82.0237C82.3316 27.2923 82.5814 27.0426 82.5814 26.7346V16.7836C82.5814 16.6445 82.448 16.5452 82.3146 16.5835C81.9386 16.6928 81.5398 16.7509 81.1283 16.7509C80.7168 16.7509 80.3265 16.6928 79.9533 16.5863C79.8199 16.548 79.6865 16.6473 79.6865 16.7864Z" fill="currentColor" />
      <path d="M79.6865 14.194V15.8047C79.6865 16.0616 79.8625 16.2858 80.1122 16.3483C80.4386 16.4277 80.7778 16.4717 81.1283 16.4717C81.4788 16.4717 81.8279 16.4277 82.1571 16.3454C82.4068 16.283 82.5814 16.0602 82.5814 15.8033V14.1954C82.5814 13.8875 82.3316 13.6377 82.0237 13.6377H80.2442C79.9363 13.6377 79.6865 13.8875 79.6865 14.194Z" fill="currentColor" />
    </svg>
  )
}

export function BrandIcon(props: SVGProps<SVGSVGElement>) {
  const id = useId()

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="96"
      height="93"
      viewBox="0 0 96 93"
      fill="none"
      {...props}
    >
      <g opacity="0.14" filter={`url(#${id}_0)`}>
        <path d="M24.6936 60.8575C24.5706 60.7879 24.4565 60.6975 24.3587 60.5849C21.757 57.6393 21.3407 53.3912 23.3216 50.0159L37.2829 26.2256C37.6458 25.6078 38.4489 25.3959 39.0771 25.753C39.7053 26.1101 39.9201 26.8998 39.5586 27.5192L25.5974 51.3094C24.1765 53.7305 24.4758 56.7769 26.3426 58.8898C26.8182 59.4292 26.7604 60.2456 26.2122 60.7138C25.7781 61.0857 25.1647 61.1257 24.6936 60.8575ZM21.8607 48.1919L36.1746 23.8001C36.6754 22.9466 37.3377 22.2221 38.1422 21.6472C38.5333 21.3671 38.6207 20.8293 38.3363 20.444C38.0518 20.0588 37.5036 19.9743 37.1125 20.2529C36.1079 20.97 35.2812 21.8739 34.6574 22.9377L20.3435 47.3296C20.102 47.7415 20.2458 48.269 20.6636 48.506C21.0814 48.7431 21.6177 48.6024 21.8607 48.1904V48.1919ZM43.153 58.9135L48.3253 50.0989C48.9298 49.0691 48.5713 47.7504 47.5238 47.1562C46.4763 46.5606 45.1369 46.9147 44.5324 47.9445L39.3601 56.7591C38.3926 58.4068 36.2428 58.9743 34.5685 58.023C32.8928 57.0718 32.3165 54.9559 33.284 53.3082L44.6702 33.9068C45.2747 32.877 44.9161 31.5583 43.8686 30.9641C42.8211 30.3685 41.4817 30.7226 40.8772 31.7524L29.491 51.1538C27.316 54.8596 28.611 59.6144 32.3787 61.754C36.145 63.8936 40.9795 62.6193 43.153 58.9135ZM69.7999 31.9569C69.2517 32.4251 69.1939 33.2415 69.6695 33.7809C71.5363 35.8938 71.8356 38.9402 70.4147 41.3613L56.4535 65.1515C56.0905 65.7694 56.3053 66.5606 56.935 66.9177C57.5632 67.2748 58.3662 67.0629 58.7292 66.445L72.6905 42.6548C74.6714 39.278 74.2551 35.0314 71.6534 32.0858C71.5556 31.9747 71.4415 31.8843 71.3185 31.8131C70.8459 31.545 70.234 31.5864 69.7999 31.9569ZM74.1514 44.4788L59.8375 68.8706C59.3367 69.7241 58.6744 70.4486 57.8699 71.0235C57.4787 71.3036 57.3913 71.8414 57.6758 72.2267C57.9603 72.6119 58.5085 72.6964 58.8996 72.4178C59.9041 71.7007 60.7309 70.7968 61.3546 69.733L75.6685 45.3411C75.91 44.9292 75.7663 44.4017 75.3485 44.1646C74.9292 43.9261 74.3943 44.0683 74.1514 44.4802V44.4788ZM52.8591 33.7571L47.6867 42.5718C47.0823 43.6016 47.4408 44.9203 48.4883 45.5145C49.5358 46.1101 50.8752 45.756 51.4797 44.7262L56.652 35.9115C57.6195 34.2639 59.7693 33.6964 61.4435 34.6476C63.1193 35.5989 63.6956 37.7148 62.7281 39.3624L51.3419 58.7639C50.7374 59.7937 51.0959 61.1124 52.1434 61.7066C53.1909 62.3022 54.5303 61.9481 55.1348 60.9183L66.521 41.5168C68.696 37.8111 67.4011 33.0563 63.6334 30.9167C59.8671 28.7771 55.0326 30.0514 52.8591 33.7571Z" fill="url(#paint0_linear_364_61294)" />
      </g>
      <g filter={`url(#${id}_1)`}>
        <path d="M24.6936 60.8575C24.5706 60.7879 24.4565 60.6975 24.3587 60.5849C21.757 57.6393 21.3407 53.3912 23.3216 50.0159L37.2829 26.2256C37.6458 25.6078 38.4489 25.3959 39.0771 25.753C39.7053 26.1101 39.9201 26.8998 39.5586 27.5192L25.5974 51.3094C24.1765 53.7305 24.4758 56.7769 26.3426 58.8898C26.8182 59.4292 26.7604 60.2456 26.2122 60.7138C25.7781 61.0857 25.1647 61.1257 24.6936 60.8575ZM21.8607 48.1919L36.1746 23.8001C36.6754 22.9466 37.3377 22.2221 38.1422 21.6472C38.5333 21.3671 38.6207 20.8293 38.3363 20.444C38.0518 20.0588 37.5036 19.9743 37.1125 20.2529C36.1079 20.97 35.2812 21.8739 34.6574 22.9377L20.3435 47.3296C20.102 47.7415 20.2458 48.269 20.6636 48.506C21.0814 48.7431 21.6177 48.6024 21.8607 48.1904V48.1919ZM43.153 58.9135L48.3253 50.0989C48.9298 49.0691 48.5713 47.7504 47.5238 47.1562C46.4763 46.5606 45.1369 46.9147 44.5324 47.9445L39.3601 56.7591C38.3926 58.4068 36.2428 58.9743 34.5685 58.023C32.8928 57.0718 32.3165 54.9559 33.284 53.3082L44.6702 33.9068C45.2747 32.877 44.9161 31.5583 43.8686 30.9641C42.8211 30.3685 41.4817 30.7226 40.8772 31.7524L29.491 51.1538C27.316 54.8596 28.611 59.6144 32.3787 61.754C36.145 63.8936 40.9795 62.6193 43.153 58.9135ZM69.7999 31.9569C69.2517 32.4251 69.1939 33.2415 69.6695 33.7809C71.5363 35.8938 71.8356 38.9402 70.4147 41.3613L56.4535 65.1515C56.0905 65.7694 56.3053 66.5606 56.935 66.9177C57.5632 67.2748 58.3662 67.0629 58.7292 66.445L72.6905 42.6548C74.6714 39.278 74.2551 35.0314 71.6534 32.0858C71.5556 31.9747 71.4415 31.8843 71.3185 31.8131C70.8459 31.545 70.234 31.5864 69.7999 31.9569ZM74.1514 44.4788L59.8375 68.8706C59.3367 69.7241 58.6744 70.4486 57.8699 71.0235C57.4787 71.3036 57.3913 71.8414 57.6758 72.2267C57.9603 72.6119 58.5085 72.6964 58.8996 72.4178C59.9041 71.7007 60.7309 70.7968 61.3546 69.733L75.6685 45.3411C75.91 44.9292 75.7663 44.4017 75.3485 44.1646C74.9292 43.9261 74.3943 44.0683 74.1514 44.4802V44.4788ZM52.8591 33.7571L47.6867 42.5718C47.0823 43.6016 47.4408 44.9203 48.4883 45.5145C49.5358 46.1101 50.8752 45.756 51.4797 44.7262L56.652 35.9115C57.6195 34.2639 59.7693 33.6964 61.4435 34.6476C63.1193 35.5989 63.6956 37.7148 62.7281 39.3624L51.3419 58.7639C50.7374 59.7937 51.0959 61.1124 52.1434 61.7066C53.1909 62.3022 54.5303 61.9481 55.1348 60.9183L66.521 41.5168C68.696 37.8111 67.4011 33.0563 63.6334 30.9167C59.8671 28.7771 55.0326 30.0514 52.8591 33.7571Z" fill="url(#paint1_linear_364_61294)" />
      </g>
      <defs>
        <filter id={`${id}_0`} x="12.7263" y="12.5889" width="70.5594" height="67.4932" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
          <feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_364_61294" />
        </filter>
        <filter id={`${id}_1`} x="0.226318" y="0.0888672" width="95.5594" height="92.4932" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
          <feOffset />
          <feGaussianBlur stdDeviation="10" />
          <feComposite in2="hardAlpha" operator="out" />
          <feColorMatrix type="matrix" values="0 0 0 0 0.34902 0 0 0 0 0.827451 0 0 0 0 0.980392 0 0 0 0.29 0" />
          <feBlend mode="lighten" in2="BackgroundImageFix" result="effect1_dropShadow_364_61294" />
          <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_364_61294" result="shape" />
        </filter>
        <linearGradient id="paint0_linear_364_61294" x1="28.3362" y1="33.733" x2="68.2017" y2="59.2723" gradientUnits="userSpaceOnUse">
          <stop stopColor="#0048FF" />
          <stop offset="0.328125" stopColor="#0C81ED" />
          <stop offset="0.65" stopColor="#029DCE" />
          <stop offset="0.88" stopColor="#00BBB0" />
          <stop offset="1" stopColor="#00C5A8" />
        </linearGradient>
        <linearGradient id="paint1_linear_364_61294" x1="-0.608471" y1="46.3353" x2="78.2369" y2="46.3353" gradientUnits="userSpaceOnUse">
          <stop stopColor="#4349FF" />
          <stop offset="1" stopColor="#5FFFF7" />
        </linearGradient>
      </defs>
    </svg>
  )
}
